@charset "UTF-8";
html, body { height: 100%; }

/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; }

* { box-sizing: border-box; }

html, body { min-height: 100%; }

body { font-family: "Microsoft YaHei"; font-size: 14px; color: #333; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, ol { list-style: none; }

.clearfix:after { display: table; content: " "; clear: both; }

img { border: none; vertical-align: middle; }

a { text-decoration: none; color: #232323; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

a:link { text-decoration: none; }

table { border-collapse: collapse; table-layout: fixed; }

input, textarea { outline: none; border: none; }

textarea { resize: none; overflow: auto; }

text-center { text-align: center; }

text-right { text-align: right; }

/** TODO 公用背景图**/
.runmi-icon { background-image: url(../i/icon.png); background-repeat: no-repeat; background-repeat: no-repeat; }

.locale-icon { background-image: url(../i/locale.png); background-repeat: no-repeat; width: 10px; height: 16px; display: inline-block; vertical-align: middle; }

/**  TODO 雪碧图position**/
.errer-icon { background-position: -80px -30px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 4px; }

.arrow-right { background-position: -474px -32px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; }

.datetimepicker-icon { position: absolute; right: 4px; top: 8px; background-position: -469px -118px; width: 17px; height: 17px; }

/**  TODO layer弹窗样式**/
body .layui-layer { border-radius: 6px; overflow: hidden; }

body .layui-layer .layui-layer-title { background: #fff; }

body .layui-layer .layui-layer-btn { text-align: center; }

body .layui-layer .layui-layer-btn > a { width: 80px; height: 30px; line-height: 30px; color: #fff; border-radius: 4px; text-align: center; }

body .layui-layer .layui-layer-btn .layui-layer-btn0 { background: #f9704d; border-color: #f9704d; }

body .layui-layer .layui-layer-btn .layui-layer-btn1 { background: #39a5f0; border-color: #39a5f0; }

.header { height: 60px; background: #292928; }

.header .logo { padding: 20px 0 0 20px; }

.header .logo span { color: #fff; font-size: 18px; line-height: 22px; background-image: url(../i/runmi-logo-2.png); background-repeat: no-repeat; background-position: left center; padding-left: 105px; }

.header .head-right { padding-right: 28px; }

.header .head-right .right-item { cursor: pointer; height: 100%; float: left; line-height: 60px; color: #fff; margin-right: 30px; }

.header .head-right .right-item a { color: #fff; cursor: pointer; }

.header .head-right .right-item i, .header .head-right .right-item span { display: inline-block; vertical-align: middle; margin-right: 4px; }

.header .head-right .right-item .user-head { width: 40px; height: 40px; background-position: -192px -30px; }

.header .head-right .right-item .news-icon { width: 18px; height: 12px; background-position: -132px -32px; position: relative; }

.header .head-right .right-item .news-icon.has-news:after { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #9a432d; position: absolute; right: -3px; top: -3px; }

.header .head-right .right-item .edit-pass { background-position: -132px -64px; width: 16px; height: 16px; }

.header .head-right .right-item .sign-out { background-position: -132px -99px; width: 18px; height: 18px; }

.header .head-right .margin-0 { margin-right: 0; }

body, html { height: 100%; overflow: hidden; }

.runmi-content { height: calc(100% - 60px); }

.runmi-content .left-menu { width: 210px; height: 100%; overflow: auto; background: #363636; color: #fff; }

.runmi-content .left-menu .menu-box .menu-sub-box { display: none; }

.runmi-content .left-menu .menu-sub-box li:last-child { border-bottom: 1px solid #2e2e2e; }

.runmi-content .left-menu .leavel-item { line-height: 40px; padding: 0 20px 0 52px; color: #ccc; display: block; cursor: pointer; position: relative; }

.runmi-content .left-menu .leavel-1 { border-bottom: 1px solid #2e2e2e; height: 40px; display: block; }

.runmi-content .left-menu .leavel-1 .new-only-icon { background-position-y: -154px; background-position-x: -79px; }

.runmi-content .left-menu .open .leavel-1 { background: #eb311c; color: #fff; }

.runmi-content .left-menu .open .leavel-1 .leavel-icon { color: #fff; background-position-x: -356px; }

.runmi-content .left-menu .open .leavel-1 .new-only-icon { background-position-x: -119px; }

.runmi-content .left-menu .open .leavel-1 .arrow-right { background-position: -472px -65px; width: 10px; top: 18px; }

.runmi-content .left-menu .leavel-2 { border-bottom: 1px solid #363636; }

.runmi-content .left-menu .leavel-2:hover { background: #515150; }

.runmi-content .left-menu li.active .leavel-2 { background: #515150; border-left: 1px solid #eb311c; color: #fff; }

.runmi-content .left-menu .leavel-icon { background-position-x: -295px; position: absolute; left: 20px; top: 10px; background-repeat: no-repeat; width: 22px; height: 22px; line-height: 22px; }

.runmi-content .left-menu .new-only-icon { top: 12px; }

.runmi-content .left-menu .arrow-right { position: absolute; right: 20px; top: 15px; }

.runmi-content .left-menu .icon-xlyc { background-position-y: -30px; }

.runmi-content .left-menu .icon-scdd { background-position-y: -78px; }

.runmi-content .left-menu .icon-scrk { background-position-y: -128px; }

.runmi-content .left-menu .icon-ddfh { background-position-y: -178px; }

.runmi-content .left-menu .icon-cwdz { background-position-y: -228px; }

.runmi-content .left-menu .icon-tjbb { background-position-y: -279px; }

.runmi-content .left-menu .icon-spda { background-position-y: -379px; }

.runmi-content .left-menu .icon-xtsz { background-position-y: -428px; }

.runmi-content .left-menu .icon-cptj { background-position-y: -480px; }

.runmi-content .left-menu .icon-jcda { background-position-y: -328px; }

.runmi-content .left-menu .icon-cpgh { background-position-y: -530px; }

.runmi-content .left-menu .icon-cplx { background-position-y: -580px; }

.runmi-content .left-menu .icon-cpdy { background-position-y: -628px; }

.runmi-content .left-menu .icon-sjgnsc { background-position-y: -680px; }

.runmi-content .left-menu .icon-sjfaxz { background-position-y: -730px; }

.runmi-content .left-menu .icon-ypkf { background-position-y: -780px; }

.runmi-content .left-menu .icon-cpxx { background-position-y: -830px; }

.runmi-content .left-menu .icon-cpnc { background-position-y: -878px; }

.runmi-content .left-menu .icon-ypqr { background-position-y: -930px; }

.runmi-content .left-menu .icon-cpwc { background-position-y: -980px; }

.runmi-content .left-menu .icon-cpwbfx { background-position-y: -1030px; }

.runmi-content .left-menu .icon-cpnbfx { background-position-y: -1080px; }

.runmi-content .left-menu .icon-dhzljj { background-position-y: -1130px; }

.runmi-content .left-menu .icon-cpssc { background-position-y: -1180px; }

.runmi-content .main { width: calc(100% - 210px); height: 100%; overflow: auto; background: #f6f6f6; }

.runmi-content .main .main-box { height: 100%; overflow: hidden; }
